/******************************头部***********************/
.logo{
 bottom: 0;
 left: -150px;
 position: absolute;
 width: 140px;
 height: 70px;
 z-index: -1;

}
#z_head{

}
.head{
 margin: 0 auto;
 width: 100%;
 height: 70px;
 top: 0;
 left: 0;
 position: fixed;
 background: #262626; 
 box-shadow: 2px 2px 8px #000000;
 z-index:9999;
 user-select: none;
}
.head .center{

 width: 1400px;
 height: 100%;
 margin: 0 auto;
 position: relative;
}
.head ul{
 left: 0;
 height: 30px;
 position: absolute;
 bottom: 25px;
 list-style: none;
}
.head ul li{
 padding: 1px 0.5rem;
 letter-spacing: 2px;
 font-size: 16px;
 color: #fff;
 margin-right: 20px;
 line-height: 30px;
 height: 30px;
 float: left;
 border-radius: 1rem;
 text-shadow:2px 2px 6px #000000;

}
.head ul li.active{
 background: #66ccff;
}
.head ul li:hover{
 transition: all .2s ease-in 0s;
 background: #a6e1ec;
}

.head ul a{
 color: #fff;
 text-decoration: none;
}
.head .center .user{
 width: 200px;
 display: inline-block;
 right: 0px;
 bottom: 0px;
 position: absolute;
 font-size: 14px;
}
.head .center .user:hover{
 transition: all .2s ease-in 0s;
 transform: translateX(30px) scale(1.5);
}
.head .center .user span{
 float: left;
 display: inline-block;
}
.head .center .user .userImg{
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: url("../../img/index/tx/tx.jpg") no-repeat center center;
 -webkit-background-size: 100%;
 background-size: 100%;
}
.head .center .user .userName{
 margin: 20px 10px;
 text-shadow:2px 2px 6px #000000;
}
.head .center .searchInputArea{
  position: absolute;
  right: 250px;
  bottom: 20px;
}
.searchInputArea .search_C{
 position: relative;
}
.searchInputArea .search_C img{
 width: 25px;
 height: 25px;
 position: absolute;
 top: 0;
 right: 0;
 cursor: pointer;
}
.searchInputArea .search_C .searchInput{
  outline: none;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding:5px;
  padding-right: 20px;
  background: transparent; 
  border: none;
  border-bottom:1px solid #fff; 
}
input[type=search]::-webkit-search-cancel-button{
 -webkit-appearance: none;
}
input:-ms-input-placeholder{color:rgb(228, 228, 228);}/* Internet Explorer 10+ */ 
input::-webkit-input-placeholder{color:rgb(228, 228, 228);}/* WebKit browsers */
input::-moz-placeholder{color:rgb(228, 228, 228);}/* Mozilla Firefox 4 to 18 */ 
input:-moz-placeholder{color:rgb(228, 228, 228);}/* Mozilla Firefox 19+ */ 
/******************************头部***********************/